<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <style>
        table,
        td,
        th{
            border: 1px solid deeppink;
            /* 让我们的表格 单元格 th 合并相邻的边框 */
            border-collapse: collapse;
            text-align: center;
        }
        .hotpink{
            background-color: hotpink;
        }
        .pink{
            background-color:pink;
        }

        table tr td a{
            text-decoration: none;
            color: green;
        }

    </style>
</head>
<body>
    <!--caption设置表格标题-->
    <table cellspacing="0" width="500" height = "300" align="center">
 
        <caption>
            <strong>小说排行榜</strong>
        </caption>
        <tr class="hotpink">
            <th>排名</th>
            <th>关键词</th>
            <th>趋势</th>
            <th>今日搜索</th>
            <th>最近七日</th>
            <th>相关链接</th>
        </tr>
        <tr>
            <td>1</td>
            <td>鬼吹灯</td>
            <td>
                <img src="../images/down_img.png">
            </td>
            <td>345</td>
            <td>123</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr class="pink">
            <td>2</td>
            <td>盗墓笔记</td>
            <td>
                <img src="../images/down_img.png">
            </td>
            <td>352</td>
            <td>12</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr>
            <td>3</td>
            <td>西游记</td>
            <td>
                <img src="../images/up_img.png">
            </td>
            <td>345</td>
            <td>123</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr class="pink">
            <td>4</td>
            <td>东游记</td>
            <td>
                <img src="../images/up_img.png">
            </td>
            <td>345</td>
            <td>123</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr>
            <td>5</td>
            <td>甄嬛传</td>
            <td>
                <img src="../images/down_img.png">
            </td>
            <td>345</td>
            <td>123</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr class="pink">
            <td>6</td>
            <td>水浒传</td>
            <td>
                <img src="../images/up_img.png">
            </td>
            <td>345</td>
            <td>123</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr>
            <td>7</td>
            <td>三国演义</td>
            <td>
                <img src="../images/up_img.png">
            </td>
            <td>345</td>
            <td>123</td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
    </table>
</body>
</html>